/** Layout 相关 */

.common-layout {
  .el-aside {
    background-color: $theme-bg-color;
    color: #fff;
    span {
      margin-left: 8px;
      color: $font-color;
    }
    .icon {
      width: 20px;
      color: $font-color !important;
    }
  }
  .el-menu {
    background-color: $theme-bg-color;
  }
  .el-menu-item {
    &:hover {
      font-size: 18px;
      transition: all 0.5s;
      background-color: $theme-bg--active-color;
    }
  }
  .el-menu-item.is-active {
    background-color: $theme-bg--active-color;
  }
  .el-sub-menu__title {
    background-color: $theme-bg-color;
    &:hover {
      background-color: rgb(255, 255, 255, 0.3);
      color: #fff;
      font-size: 18px;
      transition: all 0.5s;
    }
  }
}
